<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/main.css">
  <link rel="stylesheet" href="./css/iconfont/iconfont.css">
  <title>报名信息</title>
</head>

<body>
  <div class="information">
    <div class="name">汪达铭，您好！</div>
    <div class="activity">您参与的活动信息如下：</div>
  </div>
  <div class="competition__wrap signup__wrap">
    <div class="competition__sign signup__padding">
      <div class="l">超星2018第二届移动教学大赛</div>
      <div class="r">
        <i class="icon iconfont icon-renyuanguanli"></i>
        <span>报名 100</span>
      </div>
      <ul class="explain">
        <li>比赛时间：2018年7月10日9:00～16:30</li>
        <li>比赛地址：上海市宝山区三门路561号</li>
        <li>报名截止：2018年6月30日</li>
      </ul>
    </div>
  </div>
  <div class="information">
    <div class="activity">您的个人信息如下：</div>
  </div>
  <div class="competition__wrap signup__wrap">
    <div class="competition__sign signup__padding">
      <div class="l">超星2018第二届移动教学大赛</div>
      <!-- <div class="r">
        <i class="icon iconfont icon-renyuanguanli"></i>
        <span>报名 100</span>
      </div> -->
      <ul class="explain">
        <li>比赛时间：2018年7月10日9:00～16:30</li>
        <li>比赛地址：上海市宝山区三门路561号</li>
        <li>报名截止：2018年6月30日</li>
      </ul>
    </div>
  </div>
  <div class="information__bottom">
      <div class="l" id="modify">修改报名信息</div>
    <a href="./home.html">
      <div class="r">返回首页</div>
    </a>
  </div>
  <!-- 弹窗 -->
  <div class="modify__dialog--success" style="display: none" id="dialog">
    <script src="./js/jquery-3.3.1.min.js"></script>
    <script>
      // 点击提交报名信息事件
      $("#modify").click(function () {
        $("#dialog").show();
        // 1秒后弹窗消失跳转页面
        setTimeout(function () {
          $("#dialog").hide();
          window.location.href = './home.html';
        }, 1000);
      });
    </script>
</body>

</html>